@import '@/less/common.less';

.list-item {
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 10px;
  .shadow();
  .radius();
  overflow: hidden;

  Image {
    width: 100%;
  }

  .card-info {
    padding: 0 20px;

    .title {
      text-align: center;
      font-size: 0px;

      .ibl {
        display: inline-block;
        text-align: left;
      }

      Text {
        .omit-two();
        font-size: 30px;
        font-weight: bold;
      }

    }

    .thumb-score {
      .flex();
      margin-top: 10px;
      justify-content: space-between;
      font-size: 20px;
      color: #666666;
      Text{
        flex: 1;
        .omit();
        &:nth-child(2){
          text-align: right;
        }
      }
    }

    .cats {
      margin-top: 10px;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      .tag {
        .radius();
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 0 5px;
        font-size: 25px;
        color: @themeColor;
        border: 1px solid @themeColor;
        flex-shrink: 0;
      }
    }
  }


}
